<template>
	<view class="labels">
		<statusBar />
		<!-- 设置 -->
		<view class="nav" @tap="leftIndex">
			<image src="../../static/setup/jiantou.png" mode=""></image>
			<view>商品-编辑-商品标签</view>
		</view>
		
		<view class="search">
			<view>准确填写商品标签可获得更多曝光机会</view>
			<!-- 商品原料 -->
			<view @tap="Label1">
				<view>商品原料</view>
				<view>豌豆淀粉</view>
			</view>
		</view>
		<view class="login">保存</view>
	</view>
</template>  
<script>
import { mapActions, mapState } from 'vuex';
import { toast } from '@/utils/toast';
import request from '@/utils/request';
import statusBar from '../../components/statusBar/statusBar.vue';
export default {
	data() {
		return {};
	},
	components: {
		statusBar
	},
	methods:{
		leftIndex() {
			uni.navigateBack({
				delta: 1
			});
		},
		Label1(){
			uni.navigateTo({
				url:"/pages/Management/Label1"
			})
		}
	}
};
</script> 
<style lang="scss" scoped>
	.labels{
		background: #FFFFFF!important;
		height: 100vh;
		.nav {
			display: flex;
			align-items: center;
			padding: 50upx 30upx 30upx 30upx;
			background: $bg1-color;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 9999;
		
			image {
				width: 27upx;
				height: 30upx;
				display: flex;
			}
			& > view {
				font-size: 34upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg2-color;
				margin-left: 30upx;
			}
		}
		.search {
			// 微信小程序
			/* #ifdef  MP-WEIXIN */
		
			padding-top: 100upx;
			/* #endif */
			// 手机端
			/* #ifdef APP-PLUS */
			padding-top: 100upx;
			/* #endif */
			// H5端
			/* #ifdef  H5 */
			padding-top: 150upx;
			/* #endif */
			&>view:nth-child(1){
				font-size:30upx;
				font-family:Source Han Sans CN;
				font-weight:400;
				color:$bg-color;
				padding: 38upx 31upx 38upx;
				bottom: 1upx solid #EDEFF9;
				background: #FEFAF1;
			}
			&>view:nth-child(2){
				display: flex;
				align-items: center;
				padding: 38upx 31upx 38upx;
				border-bottom: 1upx solid #EDEFF9;
				&>view{
					font-size:32upx;
					font-family:Source Han Sans CN;
					font-weight:400;
					color:#333333;
				}
				&>view:nth-child(2){
					margin-left: 46upx;
				}
			}
			}
        .login{
        		   width: 90%;
        		   height:112upx;
				   margin: 0 auto;
        		   background:rgba(53,57,76,1);
        		   border-radius:56upx;
        		   font-size:34upx;
        		   font-family:Source Han Sans CN;
        		   font-weight:400;
        		   color:$bg1-color;
        		   margin-top: 73upx;
        		   display: flex;
        		   align-items: center;
        		   justify-content: center;
				   position: fixed;
				   bottom: 30upx;
				   left: 0;
				   right: 0;
        		   
        }
	}
</style>